<template>
	<view class="box-icon">
		<!-- :style="`width: ${menu_button_height}px;height: ${menu_button_height}px;top: ${menu_button_top}px;`" -->
		<view class="box-icon-back" @click="hander_back">
			<uni-icons class="deep-color-white deep-size2" type="back"></uni-icons>
		</view>
		<!-- :style="`width: ${menu_button_height}px;height: ${menu_button_height}px;top: ${menu_button_top}px;`" -->
		<view class="box-icon-back box-icon-back2" @click="hander_home">
			<uni-icons class="deep-color-white deep-size2" type="home"></uni-icons>
		</view>
	</view>
</template>

<script setup>
import { inject } from 'vue'
const menu_button_height = inject('menu_button_height')
const menu_button_top = inject('menu_button_top')

const hander_back = function () {
	uni.navigateBack()
}
const hander_home = function () {
	uni.reLaunch({
		url: '/pages/index/index'
	})
}
</script>

<style scoped lang="scss">
.box-icon {
	font-size: 32rpx;
	height: 80rpx;
	position: fixed;
	top: 0%;
	left: $my-margin-rpx;
	@extend .f-c-c-n;
	.box-icon-back {
		border: 1rpx solid #eee;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.2);
		// box-sizing: border-box;
		@extend .f-c-c;
	}
	.box-icon-back2 {
		margin-left: 32rpx;
	}
}
</style>